/**
 * @description 首页菜单的模板数据
 */
const menuDefaultData = {
  version: '001',
  base: {
    mode: 'inline',
    icon_flag: true,
    text_home: '系统首页',
    text_center: '个人中心',
    icon_home: 'HomeOutlined',
    icon_center: 'UserOutlined'
  },


  css: `
  /* 菜单样式文件 */

.layout-container {

  /* 菜单盒子 */
  .menu-inline {
    position: fixed;
    width: 236px;
    height: 100vh;
    padding: 0 30px 0 0;
    top: 0;
    left: 0;
    background: url(http://codegen.caihongy.cn/20241008/4df6ce9db0234c14a76a3579ba327bdd.webp) no-repeat -15px -15px;
    background-size: cover;
    z-index: 99;

    /* ul盒子 */
    .ant-menu-root {
      width: 100%;
      max-height: 100vh;
      padding: 65px 0 0 0;
      font-size: 14px;
      background: transparent;
      border-right: none;
      overflow-y: auto;

      /* li盒子 f非标准 */
      &.ant-menu>li {
        margin-bottom: 40px;
      }

      /* 滚动条 */
      &::-webkit-scrollbar {
        background: transparent;
        width: 4px;
      }

      &::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 2px;
      }

      &:hover {
        &::-webkit-scrollbar-thumb {
          background-color: #2F3644;
        }
      }
    }


  }
}

/* 一级盒子 */
.menu-inline>.ant-menu.ant-menu-inline>.ant-menu-item,
.menu-inline .ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  width: calc(100% - 8px);
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  background: none;
  padding: 0 34px 0 16px;
  margin: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;

  &:hover {
    color: #FFF;
    background: none;
  }
}

/* 一级盒子选中 */
.menu-inline .ant-menu.ant-menu-inline>.ant-menu-item.ant-menu-item-selected,
.menu-inline .ant-menu-inline .ant-menu-submenu-selected .ant-menu-submenu-title {
  background: none;
  color: #FFF;
}

/* 图标 */
.menu-inline .ant-menu-inline .ant-menu-item-icon {
  font-size: 14px;
  color: #56CEE3;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border-radius: 10px;
}

/* 二级盒子 */
.menu-inline .ant-menu .ant-menu-submenu .ant-menu-sub {
  background: #2F3644;
  border-radius: 10px;
  margin: 16px 20px 0 20px;
  position: relative;
  padding-top: 1px;

  &::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 12px;
    top: -15px;
    border: 8px solid;
    border-color: transparent transparent #2F3644 transparent;
  }
}

/* 二级item */
.menu-inline .ant-menu .ant-menu-submenu .ant-menu-item-only-child {
  height: 40px;
  line-height: 40px;
  width: calc(100% - 8px);
  display: flex;
  align-items: center;
  color: #C1C1C1;
  padding: 0 34px 0 16px;
  margin: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 8px;
  background: none;

  &:hover {
    background: #5E83B4;
    color: #FFFFFF;
  }
}

/* 二级item徐选中 */
.menu-inline .ant-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected {
  background: #5E83B4;
  color: #FFFFFF;
}
  `
}

export default menuDefaultData